var hotxitu=[
    '<li>上海</li>',
    '<li>北京</li>',
   ' <li>广州</li>',
  '  <li>深圳</li>',
   ' <li>成都</li>',
    '<li>重庆</li>',
    '<li>天津</li>',
   ' <li>杭州</li>',
  '  <li>南京</li>',
    '<li>苏州</li>',
    '<li>凌波</li>',
    '<li>福州</li>',
    '<li>西安</li>',
   ' <li>长沙</li>',
    '<li>青岛</li>',
   ' <li>济南</li>',
    '<li>郑州</li>',
   ' <li>合肥</li>',
    '<li>昆明</li>',
   ' <li>临沂</li>',
    "其他城市",
]
var zm="ABCDEFGHIJKLMNOPQRSTUVWSYZ";
function tianjia(){ //生成列表函数
    var hotcity =""
    var hotcity_zm =""
    for(var i=0;i<hotxitu.length;i++)//历遍数值生成列表
    {  $('.city .filter-items').html('')
        hotcity += `<a href="#" class="item">${hotxitu[i]}</a>`
         $('.city .filter-items').html(hotcity);
    }
    $('.city .filter-items a').last().prop("class","item other_city")
    $('.city .filter-items a').last().html(`其他城市 <div class="other_citylist">
    <div class="titlt_zm">按字母查找
        <ul class="hotcity_start">
        </ul>
    </div>
    <div class="hotcity_xuan">
        <ul class=" hotcity_xuan_ul">

        </ul>
    </div>
</div>`)


var hotcity_zm1=''
for(var i=0;i<zm.length;i++)//历遍数值生成列表 二级列表页
{ 
    hotcity_zm += `<li>${zm[i]}</li>` 
    hotcity_zm1 += `
    <li>
        <div class="capit">${zm[i]}</div>
        <ul class="capital_show">
            <div class="capital_show_inter">阿拉善</div>
            <div class="capital_show_inter">阿拉善</div>
            <div class="capital_show_inter">阿拉善</div>
            <div class="capital_show_inter">阿拉善</div>
            <div class="capital_show_inter">阿拉善</div>
            <div class="capital_show_inter">阿拉善</div>
            <div class="capital_show_inter">阿拉善</div>
            <div class="capital_show_inter">阿拉善</div>
            <div class="capital_show_inter">阿拉善</div>
            <div class="capital_show_inter">阿拉善</div>
            <div class="capital_show_inter">阿拉善</div>
        </ul>
    </li>`
    $('.hotcity_start').html(hotcity_zm)
    $('.hotcity_xuan_ul').html(hotcity_zm1)
}
}
tianjia();
var at;
var search=location.search||'';//获取地址栏的信息
var show_style= search.split('show_style=')[1]||''; //获取演出地址
var id_show1=search.split('showid=')[1]||'';    //获取演出类型
var valu1=search.split('valu=')[1]||""; //获取搜索框传入内容
(async function(){ 
  var bool=true;
    $.get('../php/show1.php',function(dt){ //链接数据库
        let num1=[];
        var ar1=eval('('+dt+')'); 
        if(id_show1){  //与获取演出类型数据做对比，生成一个商品id的数组
            ar1.forEach(item=>{
                if(item.rt_category_id == id_show1){
                    num1.push(item.rt_id);
                }
            })
            
        }else if(show_style){   //与获取演出城市数据做对比，生成一个商品id的数组
            ar1.forEach(item=>{
                if(item.rt_city_id == show_style){
                    num1.push(item.rt_id);
                }
            })
        }else if(valu1){    //与获取有关键字的数据做对比，生成一个商品id的数组
            var sta= decodeURI(valu1) //为在地址栏中的数据解码
            $.get('../php/show2.php',{valu:sta},function(dt){ //链接数据库，获取关键字的id并存在数组里
                var text2=eval('('+dt+')') 
                text2.forEach(item=>{
                    num1.push(item.rt_id);
                })
            })
        }
        else{ //如果地址栏没有传输数据，则获取所有数据，添加到数据库中
            ar1.forEach(item=>{
                num1.push(item.rt_id); 
            })
            bool=false;
        }
        var num_ye=1; 
        if(num1.length>12){//如果获取的信息超过12条就会重新赋值给页码
            num_ye =num1.length;
        }
        console.log(num1)
        // 配置分页器数据
        var o1={
            pageInfo:{
                pagenum:1,
                pagesize:12,
                totalsize:num_ye,
                totalpage:Math.ceil(num_ye/12)
            },
            textInfo:{
                first:"首页", //首页
                prev:"上一页",  //上一页
                next:"下一页",//下一页
                last:"尾页" //尾页
            }
        }
        var ftq = document.querySelector('.fye');
        //用分页器函数生成页码
        new Pagination(ftq,o1,(m)=>{
            $.get('../php/show1.php',function(dt){ //链接数据库，获取数据
                var str="";
                var ar2=eval('('+dt+')');
                ar2.forEach(item=>{  
                    for(let a=0;a<12;a++){
                        if(item.rt_id==num1[a+12*(m-1)]){ //通过比较生成每一页的数据
                            str+=` 
                                <ul class="all_show1_sp">
                                    <li class="show1_sp_pic">
                                        <img src="${item.rt_img}" alt="">
                                    </li>
                                        <li class="show1_sp_text">
                                            <a href="xqy.html?id=${item.rt_id}" class="show1_sp_title1">${item.rt_name}</a>
                                            <div class="rank">暂无评分</div>
                                            <div class="time">${item.rt_show_time}</div>
                                            <a href="#" class="show1_dz">${item.rt_position_jt}</a>
                                    </li>
                                    <li class="show1_sp_pass">
                                            <div>
                                                ￥<span class="strong">${item.rt_price}</span>
                                                <span class="qi">起</span>
                                            </div>
                                            <div class="buy">
                                            立即购买
                                            </div>
                                            <div class="gwc" id="${item.rt_id}">
                                                加入购物车
                                            </div>
                                    </li>
                                </ul> 
                    `
                        }
                    }    
                })
                $('.all_show1').html(str);
            })
        })
    })
})()

//登录页处理函数
var name1=getCookie1('name');
if(name1){
    $('.login_int .text .icon').prop("style","display:none")
    $('.login_int .text .longin').html(name1)
}else{
    $('.login_int .text .icon').prop("style","display:black")
    $('.login_int .text .longin').html('登录')
}

//绑定点击事件
$(".show_center").click(function(e){
    var tg = e.target;
    var ar3;
    if(tg.className=="gwc"){
        if(name1){
            $.get('../php/show1.php',function(dt){ //获取数据库的数据
                ar3 = eval('('+dt+')');
                var lists=localStorage.getItem(name1) || "[]"; //获取local的内容
                lists = eval('('+lists+')');
                if(lists.length>0){
                    var bool=false; //标志位，判断是否已经存在该条数据
                    lists.forEach(item=>{
                        if(tg.id == item.rt_id){
                            item.cart_number++;
                            bool=true;
                        }
                    })
                    if(bool){//存在该条数据，则直接把数据重新提交
                        localStorage.setItem(name1,JSON.stringify(lists));
                        alert("购物车添加成功");
                    }else{//不存在该条数据，则直接把数据添加到local中
                        ar3.forEach(item=>{
                            if(item.rt_id==tg.id){
                                item.cart_number=1;
                                lists.push(item);
                                localStorage.setItem(name1,JSON.stringify(lists))
                            }
                           
                        })
                        alert("购物车添加成功");
                    }
                }else{
                    //如果local为空，则直接把数据添加到local中
                    ar3.forEach(item=>{
                        if(item.rt_id==tg.id){
                            item.cart_number=1;
                            lists.push(item);
                            localStorage.setItem(name1,JSON.stringify(lists))
                        }
                    })
                    alert("购物车添加成功");
                }
            })
        }
    } 
    //点击直接购买按键
    if(tg.className=="buy"){
        var buy_pic=$(tg).parent().find('.strong').html();
        alert(`你需要支付${buy_pic}元`);
    }
})

//因为不同页面的功能不尽相同，所以相同的操作对象也会分开函数写
//需要使用时可直接复制
//以下为复制黏贴内容

//获取cookie内容
var name1=getCookie1('name');
if(name1){
    $('.login_int .text .icon').prop("style","display:none")
    $('.login_int .text .longin').html(name1)
}
// 绑定点击事件 
$(".logo").click(function(e){
    var tg = e.target;
    if(tg.className=="longin"){
        if(name1){
            var url=location.href;
            location ="./gwx.html?url2="+url;  
        }else{
            var url=location.href;
        location ="./logn.html?url2="+url;
        }
    }
})
//搜索框
$(".logo").click(function(e){
    var tg = e.target;
     if(tg.className=="search-buttom"){
        var txt1 = $(".input").val();
        if(txt1){
            location=`./show1.html?valu=${txt1}`
        }
    }
})
